@charset "utf-8";
@import url(normalize.css);
@import url(base.css);
/*reset*/
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#222222;font:14px/1.8 'Microsoft Yahei',Arial,sans-serif;background:#f2f2f2;}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,h5,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:middle;}
a,input,select,textarea { outline:none; star:expression(this.onFocus=this.blur());}/*禁止点击时出现蓝色区域*/
a{outline:0;color:#000;text-decoration:none;font-family:"微软雅黑";transition: 0.4s all}
a:hover{color:#F37800;text-decoration: none !important;}
b,i{font-style:normal}
input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;                                  
    transition: all ease-in-out 0.35s;
}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}
li{list-style: none;}
.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
/* common*/
.opc0{opacity:0;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.eln{ white-space:normal;}
.btn{cursor:pointer;}
.hide{display:none;}
.arr{width:0;height:0;overflow:hidden;}
.f_ewm{float:left;margin-right: 1em;}
.clear{ height: 1px; margin-top:-1px; clear: both; overflow: hidden;}
.mar{margin: 0 auto}
.left{float: left;}
.right{float: right;}
.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
/*my menu css*/
button.nav-trigger{display:none;position:absolute;top:5px;left:1.4vw;z-index:20;height:40px;width:40px;padding:0 12px;background:0 0;border:0;outline:0}
.nav-trigger{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1)}
.nav-icon{position:relative;top:2px;right:inherit;display:block;width:26px;height:2px;background-color:#fff;border-radius:2.5rem;transition:all .3s}
.nav-icon:after,.nav-icon:before{content:"";position:absolute;z-index:-1;display:block;height:2px;width:100%;border-radius:2.5rem;background-color:#fff;transition:all .3s}
.nav-icon:before{top:7px}
.nav-icon:after{top:-7px}
.navigation-is-visible .nav-trigger{-webkit-transform:translate3d(84vw,0,0);transform:translate3d(84vw,0,0); left:-200px;}
.navigation-is-visible .nav-icon{background-color:transparent!important}
.navigation-is-visible .nav-icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;background-color:#fff}
.navigation-is-visible .nav-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;background-color:#fff}
.navBox{background-color: #2b2a2a}
.nav_transform1{width: 100%; height: auto;overflow: hidden;background:rgba(0,0,0,0.7); position: absolute;left: 0;top: 0;z-index: 2}
.nav_transform1 .navTop{position:absolute;top:0px;display:none;height:4px;background:#f89120;}
.nav_transform1 .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont{}
.nav_transform1 ul.navCont li.child{position:relative;float:left;width:95px; text-align:center;}
.nav_transform1 ul.navCont li:last-child{margin-right: 0}
.nav_transform1 ul.navCont li.child a{display: block;color: #fff;font-size: 1rem; padding:1.9rem 0;position: relative; z-index:2}
.nav_transform1 ul.navCont li.child span{width: 100%;height:100%; background: #F37800;left: 0;top: 0;position: absolute;display: block; transform: scaleY(0);z-index: 1;transition:0.5s all}
.nav_transform1 ul.navCont li.child:hover span{transform: scaleY(1);}
.nav_transform1 ul.navCont li.child.selected span{ transform: scaleY(1); }
.logo{width:390px !important}
.logo a{padding:0.88rem 0 !important}
.bannerbox{width: 100%; height: 100%; overflow: hidden;position: relative;}
.banner img{width: 100%;}
.bannerbox .bg{width: 100%;height: 79px;background:url(../images/flashboxbg.png) center no-repeat;left: 0;bottom: 0;position: absolute; z-index: 2}
.sect_inner .inmenu{padding:2.5rem 12rem 0rem 12rem}
/*footer*/
.footer{width: 100%; padding:2rem 0 2.3rem 0;height: auto; color: #fff;line-height: 1.6rem;font-size: 0.9rem;background:#3C3D48; overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover{color: #F37800}
.footer .p01{font-size: 1rem}
.footer .p01 a{padding-right: 2rem;display: inline-block;}
.footer .p02{padding-top:1rem;}
.footer .p03{padding-top:0.5rem;}
.footer .ftapi{float: right;max-width: 90%; display: block;}
/*index*/
.flashbox{width: 100%;height: auto;overflow: hidden;position: relative;z-index: 1}
.flashbox .bg{width: 100%;height: 79px;background:url(../images/flashboxbg.png) center no-repeat;left: 0;bottom: 0;position: absolute; z-index: 2}
.sec_tel{height: 2rem;line-height: 2rem;color: #666666;font-size: 1.12rem;overflow: hidden;}
.sec_tel .lx01{text-align: right;}
.sec_tel .lx01 big{color: #F37800;font-size: 1.6rem}
.intitle{width: 100%;height: auto;text-align: center;font-size: 0.9rem;color: #333333}
.intitle span{font-size: 2.3rem;display: block;padding-bottom:0.6rem;margin-bottom: 1rem; background:url(../images/line.jpg) bottom center no-repeat;}
.intitle a{color: #333333; }
.sec_us{height:auto;overflow: hidden;}
.sec_us .intro{font-size: 1rem;line-height:2.2rem;text-align: center;padding: 2rem 2rem}
.inmenu{padding:0.5rem 12rem 3.5rem 12rem}
.inmenu li{height: 150px;position: relative;}
.inmenu li img{max-width: 100%;margin: 0 auto;display: block;}
.inmenu li .pic01{left: 0;top: 0;position: absolute;z-index: 2}
.inmenu li .pic02{left: 0;top: 0;position: absolute;z-index:1;}
.inmenu li:hover .pic02{animation: ring 1s infinite}
.sec_pro{height:auto;background: #fff;padding: 3.7rem 0; overflow: hidden;}
.sec_pro .typebox{background: #f2f2f2;margin-right:0.7rem;}
.sec_pro .typebox span{height: 4rem;line-height: 4rem; background: #F37800;color: #fff; text-indent: 2em;font-size: 1.5rem;display: block;}
.sec_pro .typebox ul{padding:1.9rem 1.2rem;height: auto;overflow: hidden;}
.sec_pro .typebox ul li{background: #fff;margin-bottom: 0.6rem;height: 2.2rem;line-height: 2.2rem;text-indent: 1em;}
.sec_pro .typebox ul li a{font-size:1rem;color: #333333; display: block;}
.sec_pro .typebox ul li a:hover{background: #F37800;color: #fff}
.sec_pro .typebox .inlx{background: #393a45;padding:2.2rem 1.5rem;color: #fff;line-height: 2rem;font-size: 0.9rem}
.sec_pro .probox{}
.piclist li{line-height: 3rem;font-size: 1rem; padding-bottom: 0.6rem;text-align: center; float: left;}
.piclist li img{width:100%;background: #000;transition: 0.4s all}
.piclist li img:hover{transform: scale(1.05); opacity: 0.8}
.sec_news{height:auto;background: #f2f2f2;padding:1rem 0; overflow: hidden;}
.newslist{padding:2.8rem 0 0.4rem 0}
.newslist li{color: #666666;font-size: 0.9rem;line-height: 1rem;margin-bottom:1.6rem}
.newslist li .timebox{width: 14%;text-align: center; float: left;}
.newslist li .timebox .nyear{width: 100%;height:1.8rem;line-height:1.8rem;color: #fff;background: #393a45; display: block;}
.newslist li .timebox .nday{width:96%;height:auto;line-height: 1rem; font-family: Arial; line-height: 2rem;color: #656565;background: #fff;margin: 0 auto;overflow: hidden; display: block;}
.newslist li .timebox .nday big{font-size:2.4rem;padding-top:0.6rem; display: block;}
.newslist li .txtbox{width:82%;float: right;}
.newslist li .ntitle{font-size: 1rem;color: #333333;line-height: 2.2rem;font-weight: bold; display: block;}
.newslist li .ntitle:hover{color: #F37800;padding-left:5px}
.newslist li .ntime{font-size:0.75rem;color: #999999;line-height: 2rem; display: block;}
.article{padding: 3rem 0;line-height:2.5rem;font-size: 1rem}

.prosls{ overflow:hidden; margin:0.5rem auto;}
.prosls a{ padding:0.8rem 1rem; margin: 0.3rem ; float: left; background: #fff; border:solid 1px #d5d5d5; border-radius:5px; }
.prosls a:hover{ background:#F37800; color: #fff;  }
/*news info*/
.rttitle{width: 100%;height: 3rem;line-height: 3rem;border-bottom: 1px #eee solid}
.rttitle span{font-size: 1.2rem;font-weight: bold;}
.box{padding: 4%;}
#newTitle{ line-height:3rem; font-size:1.2rem; text-align:center;}
#newsInfo{ height:1.8rem; line-height:1.8rem;font-size: 0.9rem;color: #999; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;position: relative;}
#infoImage .pinfol{width: 52px;height: 100px;background: url(../images/plf.png) center no-repeat;left: 2%;top: 50%;margin-top: -50px; position: absolute;}
#infoImage .pinfor{width: 52px;height: 100px;background: url(../images/prt.png) center no-repeat;right: 2%;top: 50%;margin-top: -50px; position: absolute;}
#infoImage img{ max-width:80%;margin: 0 auto;display: block;}
#newsContent{line-height: 2rem;font-size: 1rem; margin:0 auto;}
#newsContent img{max-width:100%;padding: 1rem 0;display: block; margin: 0 auto; text-indent:0em;}
#newsContent div{ text-indent:2em;}

/*right news*/
.rtbox{padding-left: 1.5rem;border-left: 1px #eee dotted}
.rtlist{padding-bottom: 4rem}
.rtlist li{padding: 0 0 16px;}
.rtlist li .item_box{padding: 10px 0 20px;color: #999;display: block;}
.rtlist li .item_wrapper{position: relative; margin: 10px 0; padding: 0; width: 100%; border: 0}
.rtlist li .date_wrap{bottom: -30px;position:absolute;}
.rtlist li .date_wrap .md { top: auto; padding: 0; color: #bdbdbd; font-size: 14px; line-height: inherit }
.rtlist li .date_wrap .year { position: initial; top: auto; right: auto; bottom: auto; font-size: 14px }
.rtlist li .date_wrap span { display: inline-block; width: auto }
.rtlist li .item_des{width: 100%}
.rtlist li .description{display: block;line-height:1.5rem; margin: 9pt 0 0}
.rtlist li .title{color: #333;transition: 0.4s all}
.rtlist li .title:hover{color: #F37800;padding-left: 5px}


#page{width:100%;height:35px; line-height:35px;text-align:center;margin:30px auto;clear:both;}
#page a{ height: 35px; padding: 0px 10px; background: #bababa; color:#fff;font-size:15px;display: inline-block;}
#page a:hover{background:#F37800;}
#page .current { height: 35px; padding: 0px 20px;color:#fff; background:#F37800;display: inline-block;}
#page_num{ height: 22px; font-size: 14px; background: #eeeeee; }

/*my joblist*/
.job_ul{width: 100%;height: auto;padding-bottom: 2rem; overflow: hidden;}
.job_ul .jobin{background: #fbf8f8;height:170px; line-height: 22px; font-size: 14px; color: #717171; padding: 30px;overflow: hidden; position: relative;}
.job_ul li{margin-bottom: 2rem;overflow: hidden;}
.job_ul li .jobtitle{ width: 100%; height: 42px; color:#F37800; font-size:16px; line-height:42px; border-bottom: 1px #e8e9e9 solid; margin-bottom: 15px;}
.job_ul li .jobtitle span{ float: right; }
.job_ul li .more{ width:100px; height:30px; line-height:30px; text-align: center;display: block; border: 1px #bbbbbb solid; overflow: hidden; position: absolute; left: 30px; bottom: 30px; transition: 0.4s all}
.job_ul li .more a{color: #969495; font-size: 14px; position: relative; z-index: 3}
.job_ul li .more span{ width:100px; height:100px; transform: scale(0.5); background: rgba(168,33,39,0); left: 0; top:-35px; position:absolute; z-index:2; transition: 0.5s all}
.job_ul li .more:hover span{transform: scale(1); background: rgba(168,33,39,1);}
.job_ul li .more:hover a{ color: #fff }
.job_ul li .more:hover{border: 1px #F37800 solid;}
.recruitconl{}
.recruitcon{ width:895px; height:173px;}
.recruitpic{ width:132px; height:153px; float:left;}
.recruitconc{ width: 640px; height: 143px; padding-top: 5px; float: right; }
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.apply{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #68b92e; color: #fff; font-size: 14px; margin-top: 50px; margin-right: 100px; float: right;}
.apply:hover{ background: #ff9904; transition: 0.5s all;}
.xxsmys{ width:100%; height:36px; line-height:36px; border-bottom: 2px #F37800 solid;}
.xxsmwz{ width:100px; height:36px; line-height: 36px; color:#FFF; text-align:center; display:block; background-color:#F37800;}
/*订单*/
.formys{ width:100%; height:auto;padding-bottom: 60px; color: #555555;margin: 0 auto}
.formmcys{ float: left; }
.cpmcys{ width:400px; height:35px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:300px;height:35px;border:1px solid #d2d4d6; background: #fff;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;background: #fff;}
.G_ul{width:100%;}
.G_botton{width:55px;height:30px;line-height:30px;border:0;background:#08aaf0;cursor:pointer;}
.borderLi{ width:450px; height:auto; padding-top:15px;}
.G_tips{width:486px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
box-shadow: 0px 0px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);}
.sub{background:#F37800; width:105px; height:32px; font-size: 16px; border: none;color: #fff;font-family:"微软雅黑";transition: 0.4s all;display: block;}
.sub:hover{background:#333333;}